<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" template="/_templates/generic.jsp">
	<ui:define name="windowTitle"><h:outputText value="#{photoAlbumManagedBean.windowTitle}" /></ui:define>
	<ui:define name="pageTitle"><h:outputText value="#{photoAlbumManagedBean.pageTitle}" /></ui:define>
	<ui:define name="searchContext">Galeria<input type="hidden" name="searchContext" value="photoGallery" /></ui:define>
	
	<ui:define name="pageHeadStylesheet">
		<link href="#{request.contextPath}/resources/css/gallery.css" rel="stylesheet" type="text/css" />
	</ui:define>
	
	<ui:define name="pageHeadScript">
		<script type="text/javascript" src="#{request.contextPath}/resources/javascript/gallery.js"></script>
	</ui:define>
	
	<ui:define name="mainContent">
		<table class="GalleryTable">
			<tr>
				<td class="GalleryDescription" colspan="5"><h:outputText value="#{photoAlbumManagedBean.photoAlbum.description}" escape="false" /><br />Click <a href="javascript:goToEvent('#{photoAlbumManagedBean.photoAlbum.albumId}');">here</a></td>
			</tr>
			
			<tr>
				<td class="GalleryMainPhoto" colspan="5" id="galleryMainPhoto" style="background-image:url('http://www.google.com/images/logos/ps_logo2.png');"></td>
			</tr>
			
			<tr>
				<td class="TextAlignCenter" colspan="5" style="padding-bottom:20px;">
					<input type="button" class="GalleryNavButton" value="Previous" />
					<input type="button" class="GalleryNavButton" value="Next" />
				</td>
			</tr>
			
			<tr>
				<td class="Thumbnail" onclick="updateMainPhoto('test');"></td>
				<td class="Thumbnail" onclick="updateMainPhoto('test');"></td>
				<td class="Thumbnail" onclick="updateMainPhoto('test');"></td>
				<td class="Thumbnail" onclick="updateMainPhoto('test');"></td>
				<td class="Thumbnail" onclick="updateMainPhoto('test');"></td>
			</tr>
			
			<tr>
				<td class="Thumbnail"></td>
				<td class="Thumbnail"></td>
				<td class="Thumbnail"></td>
				<td class="Thumbnail"></td>
				<td class="Thumbnail"></td>
			</tr>
			
			<tr>
				<td class="Thumbnail"></td>
				<td class="Thumbnail"></td>
				<td class="Thumbnail"></td>
				<td class="Thumbnail"></td>
				<td class="Thumbnail"></td>
			</tr>
			
			<tr>
				<td class="Thumbnail"></td>
				<td class="Thumbnail"></td>
				<td class="Thumbnail"></td>
				<td class="Thumbnail"></td>
				<td class="Thumbnail"></td>
			</tr>
			
			<tr>
				<td class="Thumbnail"></td>
				<td class="Thumbnail"></td>
				<td class="Thumbnail"></td>
				<td class="Thumbnail"></td>
				<td class="Thumbnail"></td>
			</tr>
			
			<tr>
				<td class="Thumbnail"></td>
				<td class="Thumbnail"></td>
				<td class="Thumbnail"></td>
				<td class="Thumbnail"></td>
				<td class="Thumbnail"></td>
			</tr>
		</table>
	</ui:define>
</ui:composition>